﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/HTML/Shared/Site.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Import Namespace="com.IronOne.SLIC2.Lang" %>
<asp:Content ID="HeaderContent" ContentPlaceHolderID="HeaderContent" runat="server">
    <%  /// <summary>
    ///  <title>Template View</title>
    ///  <description>Please use this as the base page of any other view</description>
    ///  <copyRight>Copyright (c) 2012</copyRight>
    ///  <company>IronOne Technologies (Pvt) Ltd</company>
    ///  <createdOn>2012-12-04</createdOn>
    ///  <author>Suren Manawatta</author> 
    ///  <modification>
    ///     <modifiedBy></modifiedBy>
    ///      <modifiedDate></modifiedDate>
    ///     <description></description>
    ///  </modification>
    /// </summary> %>
    <script src="../../../App_Themes/SLIC/Content/js/plugins/lightbox/jquery.lightbox.js"
        type="text/javascript"></script>
    <script src="../../../Content/js/Slate/plugins/msgAlert/js/msgAlert.js" type="text/javascript"></script>
    <link href="../../../Content/js/Slate/plugins/msgAlert/css/msgAlert.css" rel="stylesheet"
        type="text/css" />
    <script src="../../../App_Themes/SLIC/Content/js/demo.ui-elements.js" type="text/javascript"></script>
    <script src="../../../Scripts/Job/createComment.validate.js" type="text/javascript"></script>
    <link href="../../../App_Themes/SLIC/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="../../../Content/js/Slate/plugins/msgGrowl/js/msgGrowl.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="TitleContent" ContentPlaceHolderID="TitleContent" runat="server">
    Template View
</asp:Content>
<asp:Content ID="MainContent" ContentPlaceHolderID="MainContent" runat="server">
    <div class="span12">
        <div class="widget">
            <div class="widget-header">
                <h3>
                    <i class="icon-tasks"></i>Title
                </h3>
            </div>
            <div class="widget-content">
                Welcome to template page.
                <br />
                Please Change the above icon and title as required.
                <br />
                <br />
                <a href="../../../Diagnosis.aspx">Diagnosis</a>
            </div>
        </div>
    </div>
    <div class="span12">
        <div id="validation" class="widget highlight widget-form">
            <div class="widget-header">
                <h3>
                    <i class="icon-pencil"></i>Form Validation
                </h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
                <div class="alert alert-block">
                    <a class="close" data-dismiss="alert" href="#">&times;</a>
                    <h4 class="alert-heading">
                        Validation Example!</h4>
                    Submit the below form to view the live form validation with integrated Bootstrap
                    error messages.
                </div>
                <form action="http://www.propelui.com/" id="contact-form" class="form-horizontal"
                novalidate="novalidate">
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="name">
                            Your Name</label>
                        <div class="controls">
                            <input type="text" class="input-large" name="name" id="name">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="email">
                            Email Address</label>
                        <div class="controls">
                            <input type="text" class="input-large" name="email" id="email">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="subject">
                            Subject</label>
                        <div class="controls">
                            <input type="text" class="input-large" name="subject" id="subject">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="message">
                            Your Message</label>
                        <div class="controls">
                            <textarea class="input-large" name="message" id="message" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="validateSelect">
                            Select list</label>
                        <div class="controls">
                            <select id="validateSelect" name="validateSelect">
                                <option value="">Select...</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            Checkboxes</label>
                        <div class="controls">
                            <label class="checkbox">
                                <input type="checkbox" name="validateCheckbox" value="option1">
                                Option one is this and that-be sure to include why it's great
                            </label>
                            <label class="checkbox">
                                <input type="checkbox" name="validateCheckbox" value="option2">
                                Option two can also be checked and included in form results
                            </label>
                            <label class="checkbox">
                                <input type="checkbox" name="validateCheckbox" value="option3">
                                Option three can-yes, you guessed it-also be checked and included in form results
                            </label>
                            <p class="help-block">
                                <strong>Note:</strong> Labels surround all the options for much larger click areas
                                and a more usable form.</p>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            Radio buttons</label>
                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="validateRadio" id="validateRadio1" value="option1">
                                Option one is this and that-be sure to include why it's great
                            </label>
                            <label class="radio">
                                <input type="radio" name="validateRadio" id="validateRadio2" value="option2">
                                Option two can is something else and selecting it will deselect option one
                            </label>
                        </div>
                    </div>
                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Save changes</button>
                        <button type="reset" class="btn">Cancel</button>
                    </div>
                </fieldset>
                </form>
                <br />
                <div class="item-content">
                    <button onclick='$.msgGrowl({type:"success",text:"sucessfully added",title:"Sucessful!",position: "bottom-right"})'>
                        Show Growl</button>
                    <button onclick='$.msgAlert({type:"error", text:"This feature has not been implemented yet!",title:"Under Construction!"})'>
                        Show Alert</button>
                    <a href="#myModal" data-toggle="modal" class="btn">Show Job Details</a>
                    <%--<a href="#Div1" data-toggle="modal" class="btn">Show Modal</a>--%>
                </div>
            </div>
            <!-- /widget-content -->
        </div>
    </div>
    <div class="modalbig modal fade hide" id="myModal" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" onclick="closeModal();">×</button>
            <h3>Job No : Visit No</h3>
        </div>
        <div class="modal-body">
            <div class="widget-tabs">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#genInfo">General Info</a> </li>
                    <li><a href="#policyCoverInfo">Policy/Cover Note Info</a></li>
                    <li><a href="#vehicleAndDriverInfo">Vehicle & Driver Info</a></li>
                    <li><a href="#damagesAndVehicleCondition">Damages & Vehicle Condition</a></li>
                    <li><a href="#other">Other Info</a></li>
                    <li><a href="#Comments" onclick="GetCommentsAsync();">Comments</a></li>
                    <li><a href="#Gallery">Gallery</a></li>
                </ul>
            </div>
            

            <% Html.RenderPartial("~/Views/HTML/Shared/Job/JobDetails.ascx"); %>

        </div>
        <div class="modal-footer">
            <a href="#" class="btn btn-primary" onclick='javascript:window.open("<%: Url.Action("AdvancedSearchResultPrintPreview", "Job") %>","Popup","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=600,height=500,left=0, top=0,screenX=0,screenY=0");return false;'>
                     <%:Resources.info_gen_printPreview %></a>
            <a href="#" class="btn" data-dismiss="modal" onclick="closeModal();">Close</a> 
        </div>

        <%--<div class="modal-header widget-header">
            <h3>
                Job No : Visit No</h3>
            <div class="widget-actions">
                <a href="#" class="btn btn-primary" onclick='javascript:window.open("<%: Url.Action("AdvancedSearchResultPrintPreview", "Job") %>","Popup","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=600,height=500,left=0, top=0,screenX=0,screenY=0");return false;'>
                     <%:Resources.info_gen_printPreview %></a>
                <button type="button" class="close" onclick="closeModal()">
                    x</button>
            </div>
            <div class="widget-tabs">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#genInfo">General Info</a> </li>
                    <li><a href="#policyCoverInfo">Policy/Cover Note Info</a></li>
                    <li><a href="#vehicleAndDriverInfo">Vehicle & Driver Info</a></li>
                    <li><a href="#damagesAndVehicleCondition">Damages & Vehicle Condition</a></li>
                    <li><a href="#other">Other Info</a></li>
                    <li><a href="#Comments" onclick="GetCommentsAsync();">Comments</a></li>
                    <li><a href="#Gallery">Gallery</a></li>
                </ul>
            </div>
        </div>
        <div class="modal-body modalbody-big">
            <%Html.RenderPartial("~/Views/HTML/Shared/Job/JobDetails.ascx"); %>
        </div>--%>
    </div>
    <%--<div class="modal fade hide" id="Div1" data-remote="/Job/AdvancedSearch">
    </div>--%>
</asp:Content>
